@charset"utf-8";


/* form, input set */
input,textarea,select{font-size:1em;/*font-family:Nanum Gothic;*/vertical-align:baseline;vertical-align:middle}
input[type="checkbox"],input[type="radio"]{margin:0;padding:0;width:14px;height:14px}
input[type="checkbox"]+label,input[type="radio"]+label{margin:0 10px 0 3px;vertical-align:middle;cursor:pointer}

input[type="text"],input[type="password"],input[type="file"],input[type="search"]{min-width:100px;width:auto;height:24px;padding:4px 5px;margin:0;border:1px solid #adadad;border-top-color:#adadad}
input[type="file"]{height:24px;padding:0 5px;font-size:0.929em;border:1px solid #adadad}

:root input[type="file"]{margin-bottom:5px;padding:0 5px 0 0;border:none}
input[readonly="readonly"],input[readonly],input[disabled="disabled"],input[disabled]{border:1px solid #adadad;background:none;color:#928881}
input[type="button"],input[type="reset"],input[type="submit"]{min-width:20px;width:auto;height:28px;padding:4px 16px;margin:0;border:1px solid #575757;background:#575757;font-weight:400;font-size:0.9em;line-height:1em;color:#fff}
textarea{overflow:auto;padding:0;border:1px solid #adadad;vertical-align:top;width:100%;height:200px;}
select{height:28px;margin:0;padding:0;border:1px solid #adadad;border-top-color:#adadad}
legend{position:absolute;visibility:hidden;left:0;top:0;width:1px;height:1px;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999px}
legend{border:0;white-space:normal}

input[type="text"],input[type="password"],input[type="tel"],input[type="email"],input[type="number"],select,textarea{margin:0;border:1px solid #ccc;color:#666;vertical-align:middle}
input[type="text"],input[type="password"],input[type="tel"],input[type="email"],input[type="number"]{line-height:24px}

.paginate {margin:20px 0; text-align:center; line-height:18px; }
.paginate:after { content:""; display:block; clear:both; }
.paginate li{display:inline-block;list-style:none;vertical-align:middle;}
.paginate li a { display:block; width:29px; height:29px;margin:4px 1px; background:#fff; border:1px solid #d2d2d2; border-radius:3px; line-height:29px ; text-align:center; vertical-align:middle; }
.paginate .dir a{background:#f0f0f0 url(/images/common/bg_pg_num.gif) no-repeat; font-size:0;line-height:0;vertical-align:middle;}
.paginate .dir a span {height:0; font-size:0;}
.paginate .dir.first a{background-position:8px 9px;}
.paginate .dir.last a{background-position:-32px 9px;}
.paginate .dir.prev a{background-position:-72px 9px;}
.paginate .dir.next a{background-position:-110px 9px;}
.paginate .dir a:hover,
.paginate .dir a:focus,
.paginate .dir a:active{background-color:#efefef;}
.paginate li.active a,
.paginate li a:active{background-color:#55555b;border:1px solid #55555b; color:#fff;text-decoration:none;}
.paginate li a:hover,
.paginate li a:focus{border:1px solid #55555b;background-color:#55555b;border:1px solid #55555b; color:#fff;text-decoration:none;}
.paginate span.on { display:inline-block; width:34px; height:26px; padding:8px 0 0 0; border:1px solid #55555b; text-align:center; background:#55555b; color:#fff; text-decoration:none; vertical-align:middle; }


.board_butt{display:block;margin:20px 0;text-align:right}
.board_butt.center{text-align:center}



.board_butt input[type="button"],.board_butt input[type="reset"],.board_butt input[type="submit"]{min-width:20px;width:auto;height:34px;padding:5px 16px;margin:0;border:1px solid #80899b;background:#80899b;font-weight:400;font-size:0.9em;line-height:1em;border-radius:5px;color:#fff}


/*
.basic_box{position:relative;display:block;margin-bottom:50px;padding:15px 20px;background:#fff;border:1px solid #d9d9d9;}
.basic_box:before {content:"";position:absolute;bottom:-4px;left:-1px;display:block;width:100%;height:3px;background:#f1f1f1;}
.basic_box *{vertical-align:middle}
.basic_box .inner{position:relative;}
.basic_box .inner:after { content:""; display:block; clear:both; }
.basic_box label{}
.board_total{display:block;float:none;margin:0;padding-left:18px;background:url(/images/common/icon_bd.gif) no-repeat 0 10px;color:#666;font-size:13px;line-height:36px;}

.basic_search{display:block;float:none;position:relative;padding-left:195px;}
.basic_search .grap{position:absolute;top:0;left:0;width:186px;}
.basic_search .grap select{margin-right:3px;padding:0 10px;width:86px;height:28px;border:1px solid #dbdbdb;line-height:28px;}
.basic_search .searchinput{position:relative;padding-right:50px;border:1px solid #dbdbdb;}
.basic_search .searchinput input[type="submit"]{position:absolute;top:0;right:0;width:48px; height:28px; text-indent:-9999em; border:none; background:url(/images/common/icon_bd.png) center center no-repeat;background-image:url(/images/common/icon_bd.svg), none;}
.basic_search .searchinput input[type="text"]{width:240px;height:28px;padding:0 40px 0 10px;border:none;}
.basic_box label{padding:0 10px;line-height:28px;}


@media only screen and (min-width:768px) {
	.board_total{display:inline-block;float:left;}
	.basic_search{display:inline-block;float:right;padding-left:190px;}
	.bd_searchbox input[type="text"]{width:100%;}
}
*/
/* list */

.basic_box {position:relative;display:block;margin-bottom:50px;padding:15px 20px 10px 20px;background:#fff;border:1px solid #d9d9d9;}
.basic_box:before {content:"";position:absolute;display:block;/*bottom:-4px;left:-1px;width:100%;height:3px;background:#f1f1f1;*/}
.basic_box:after{content:"";display:block;visibility:hidden;clear:both;}
.basic_box *{vertical-align:middle}
.basic_box label{}
.board_total{display:block;float:none;margin:0;padding-left:18px;background:url(/images/common/icon_bbs.gif) no-repeat 0 13px;color:#666;font-size:13px;line-height:36px;}
.board_total *{vertical-align:baseline;}
.board_total .bold.red{color:#e74c0f;}

.basic_search{display:block;float:none;position:relative;padding-left:0;}
.basic_search .grap{display:inline-block;position:relative;width:100%;}
.basic_search .grap select{padding:0 10px;/* width:86px; */width:100%;height:36px;border:1px solid #ddd;line-height:36px;}
.basic_search .searchinput{display:block;position:relative;padding-right:50px;border:1px solid #ddd;}
.basic_search input[type="submit"]{position:absolute;top:0;right:0;padding:0;width:34px;min-width:34px;height:34px;background:#ee402e url(/images/common/search_ico.png) no-repeat 50%;border:none;border-radius:2px;text-indent:-9999em;}
.basic_search .searchinput input[type="submit"]{min-width:34px;}
.basic_search input[type="text"]{border:1px solid #dbdbdb;padding:0 50px 0 10px;width:100%;height:42px;}
.basic_search .searchinput input[type="text"]{width:100%;height:34px;padding:0 40px 0 10px;border:none;}
.basic_box label{padding:0 10px;line-height:34px;}

.basic_box.uw .basic_search .search_box .item{float: left;}

.board_butt{display: block;margin: 20px 0;text-align: right;}

.button span input[type="button"], .button span input[type="reset"], .button span input[type="submit"], .button span a {
    display: inline-block;
    position: relative;
    border: none;
    outline: none;
    background: none;
    color: inherit;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    padding: 10px 15px 8px 15px;
    font-size: 14px;
    line-height: 1.42857143;
}
.button span input[type="button"], .button span input[type="reset"], .button span input[type="submit"] {
    height: 40px;
    border-radius: 0;
}
.button .typeB input[type="button"], .button .typeB input[type="reset"], .button .typeB input[type="submit"], .button .typeB a, .button .typeB a.disabled, .button .typeB a, .button .typeB a:link, .button .typeB a:visited {
    background-color: #606976;
    border: 1px solid #606976;
    color: #fff;
}
.button span .writing[type="button"], .button span .writing[type="reset"], .button span .writing[type="submit"], .button span .writing {
    padding-left: 35px;
    background-image: url(/images/prog/board/btn_writ.png);
    background-repeat: no-repeat;
    background-position: 9px 50%;
}

.button span .delete[type="button"], .button span .delete[type="reset"], .button span .delete[type="submit"], .button span .delete {
    padding-left: 35px;
    width: 80px;
    background-image: url(/images/prog/board/btn_delete.png);
    background-repeat: no-repeat;
    background-position: 9px 50%;
}

.button .typeA input[type="button"], .button .typeA input[type="reset"], .button .typeA input[type="submit"], .button .typeA a, .button .typeA a.disabled, .button .typeA a, .button .typeA a:link, .button .typeA a:visited {
    background-color: #fff;
    border: 1px solid #c3c3c3;
    color: #666;
}

.button span .list, .button span .list:link, .button span .list:visited {
    padding-left: 38px;
    background-image: url(/images/prog/board/btn_list.png);
    background-repeat: no-repeat;
    background-position: 15px 48%;
    vertical-align:middle
}

.button span .delete, .button span .delete:link, .button span .delete:visited {
    padding-left: 38px;
    background-image: url(/images/prog/board/btn_delete_ov.png);
    background-repeat: no-repeat;
    background-position: 15px 48%;
    vertical-align:middle
}


.tablewrap.uw .button span input.searching{border:1px solid #ddd;}
.board_butt .button span a.cancel{border:1px solid #bbb; vertical-align:middle}
.tablewrap.pcda .tbl_basic tr td input, .tablewrap.uw .tbl_basic tr td input, .tbl_basic tr td select{height: 40px}
.tablewrap.pcda .button .typeB input.addfile{padding:5px 10px}
.tablewrap.pcda .menu .LI_2 a{color:#fff;}
.tablewrap.uw .tbl_basic .required.hasDatepicker {background: #fff url(/images/prog/board/list_time.png) no-repeat 270px 8px}
.privacy_uw{background-color:#f5f5f5;padding: 20px 30px;height: 260px;overflow-y: scroll;margin-bottom: 10px}
.clear_bottom{clear:both;padding-bottom:20px;margin-bottom:20px;border-bottom:2px solid #ccc}


@media only screen and (max-width:640px) {

	.basic_box.uw .basic_search .search_box .item{float:none}

}

@media only screen and (min-width:640px) {
	.board_total{display:inline-block;float:left;}
	.basic_search{display:inline-block;float:right;padding-left:0;}
	.basic_search .grap{width:auto;margin-bottom:0;}
	.basic_search .grap select{/*width:86px;*/width:150px;}
	.basic_search .searchinput{display:inline-block;/* width:100%; */width:auto;}
	.basic_search .searchinput input[type="text"]{width:240px;}
	.bbs_searchbox input[type="text"]{width:100%;}
}

.join_box{padding:0 30px;}
.join_box h2{margin:0;font-size:20px;line-height:1.25;text-align:center;font-weight:bold;}
.join_box h2:before{display:none;}
.join_box p{margin:0;padding:0 20px;color:#777;font-size:13px;line-height:1.4;text-align:center;word-wrap:break-word;word-break:keep-all;}
.join_box p strong{color:#333}

.join_cer{margin:36px auto;}
.join_cer:after {content:"";display:block;clear:both;}
.join_cer .box{display:block;padding:20px 0;width:auto;}
.join_cer .box .icon{display:block;overflow:hidden;margin:0 auto 20px auto;width:61px;height:61px;}
.join_cer .box .icon.icon1{background:url(/images/common/icon1.gif) no-repeat 50% 50%;}
.join_cer .box .icon.icon2{background:url(/images/common/icon2.gif) no-repeat 50% 50%;}
.join_cer .box p{text-align:center}
.join_cer .box p a{width:140px;text-align:center}
.join_cer .box.join_left{border-bottom:1px solid #d7d7d7}



.join_foot{margin:15px auto 25px auto;padding:20px;padding-left:100px;background:url('/images/common/mark.png')no-repeat 20px 30px; overflow:hidden; border-top:1px solid #ccc; border-bottom:1px solid #ccc; background-color:#fafafa}
.join_foot h2{margin:0;color:#000;font-size:16px;font-weight:bold;}
.join_foot h2:first-child{margin:0;}
.join_foot h2:before{display:none;}
.join_foot ul{margin-left:5px;}
.join_foot ul li{padding:0 0 3px 10px;background:url(/images/common/list_bul1.png) no-repeat 0 9px;color:#444;font-size:13px;word-wrap:break-word;word-break:keep-all;}



@media only screen and (min-width:768px) {
	.join_cer .box{display:inline-block;float:left;width:50%;}
	.join_cer .box.join_left{border-bottom:none;border-right:1px solid #d4d4d7}
	.join_foot{padding-left:150px;background-position:50px 35px}
}

/* input_table */
.input_table tr th,
.input_table tr td{display:block;border-left:0;}
#inputFrm2 .input_table input[type="text"]{height:28px;line-height:28px;}

@media only screen and (min-width:768px) {
.input_table tr th,
.input_table tr td{display:table-cell;border-left:1px solid #ddd;}
.input_table .radio_checkbox_box{overflow:hidden;}
.input_table .radio_checkbox_box .input_box{float:left;width:33.3%}
#inputFrm2 .input_table .select_phone_box select,
#inputFrm2 .input_table .select_phone_box input{min-width:0;width:30%;}
#inputFrm2 .input_table .select_email_box .input_box{display:inline-block;width:45%;}
#inputFrm2 .input_table .select_email_box .input_box input{min-width:0;}
#inputFrm2 .input_table .select_email_box select{width:45%;}

.input_table.report{display:block;}
.input_table.report tr th{width:15%;}
.input_table.report tr td{width:35%;}




}


/* 회원가입 */

.ttable-register tbody td{text-align:left;}
.ttable-register tbody td input[type="text"], 
.ttable-register tbody td input[type="password"], 
.ttable-register tbody td input[type="file"], 
.ttable-register tbody td input[type="search"]{height:30px;line-height:30px;}
.ttable-register tbody td input#adres{margin-bottom:2px;}
#detailAdres,
#adres{width:100%;}

.ttable-register .button span input[type="button"],
.ttable-register .button span input[type="reset"],
.ttable-register .button span input[type="submit"],
.ttable-register .button span a{display:inline-block;position:relative;border:none;outline:none;background:none;color:inherit;text-transform:uppercase;cursor:pointer;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;padding:5px 5px 3px 5px;font-size:13px;line-height:1.42857143;}
.ttable-register .button span a{border:1px solid transparent;border-radius:0;background-image:none;text-align:center;vertical-align:middle;white-space:nowrap;}
.ttable-register .button span a *{vertical-align:middle}
.ttable-register .button span a:after{position:absolute;z-index:-1;content:'';transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;}



/* 게시판버튼 */
.board_butt{display:block;margin:20px 0;text-align:right}
.board_butt.pdca{float:right;margin:0;}
.board_butt.center{text-align:center}
.ttable-register .button span input[type="button"],
.ttable-register .button span input[type="reset"],
.button span input[type="submit"],
.ttable-register .button span a{display:inline-block;position:relative;border:none;outline:none;background:none;color:inherit;text-transform:uppercase;cursor:pointer;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;padding:5px 5px 3px 5px;font-size:13px;line-height:1.42857143;}
.ttable-register .button span a{border:1px solid transparent;border-radius:0;background-image:none;text-align:center;vertical-align:middle;white-space:nowrap;font-size:13px;font-weight: 400;}
.ttable-register .button span a *{vertical-align:middle}
.ttable-register .button span a:after{position:absolute;z-index:-1;content:'';transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;}
.ttable-register .button span a:before{position:relative;font-style:normal;font-variant:normal;font-weight:normal;text-transform:none;line-height:1;speak:none;}
.ttable-register .button span input[type="button"],
.ttable-register .button span input[type="reset"],
.ttable-register .button span input[type="submit"]{height:40px;border-radius:0;}


.ttable-register .button .typeA input[type="button"],
.ttable-register .button .typeA input[type="reset"],
.ttable-register .button .typeA input[type="submit"],
.ttable-register .button .typeA a,
.ttable-register .button .typeA a.disabled,
.ttable-register .button .typeA a,
.ttable-register .button .typeA a:link,
.ttable-register .button .typeA a:visited{background-color:#fff;border:1px solid #c3c3c3;color:#666;}
.ttable-register .button .typeA a:hover,
.ttable-register .button .typeA a:focus,
.ttable-register .button .typeA a:active{background-color:#424242;border:1px solid #424242;color:#fff;}

.ttable-register .button .typeB input[type="button"],
.ttable-register .button .typeB input[type="reset"],
.ttable-register .button .typeB input[type="submit"],
.ttable-register .button .typeB a,
.ttable-register .button .typeB a.disabled,
.ttable-register .button .typeB a,
.ttable-register .button .typeB a:link,
.ttable-register .button .typeB a:visited{background-color:#606976;border:1px solid #606976;color:#fff;}
.ttable-register .button .typeB a:hover,
.ttable-register .button .typeB a:focus,
.ttable-register .button .typeB a:active{background-color:#333;color:#fff;}

.ttable-register .button .typeC input[type="button"],
.ttable-register .button .typeC input[type="reset"],
.ttable-register .button .typeC input[type="submit"],
.ttable-register .button .typeC a,
.ttable-register .button .typeC a.disabled,
.ttable-register .button .typeC a,
.ttable-register .button .typeC a:link,
.ttable-register .button .typeC a:visited{background-color:#fff;border:1px solid #c3c3c3;color:#666;}
.ttable-register .button .typeC a:hover,
.ttable-register .button .typeC a:focus,
.ttable-register .button .typeC a:active{background-color:#424242;border:1px solid #424242;color:#fff;}




.button .arrow_a input[type="button"],
.button .arrow_a input[type="reset"],
.button .arrow_a input[type="submit"],
.button .arrow_a a, 
.button .arrow_a a.disabled, 
.button .arrow_a a,
.button .arrow_a a:link,
.button .arrow_a a:visited{background-color:#fff;border-color:#c3c3c3;color:#666;}
.button .arrow_a a:hover,
.button .arrow_a a:focus,
.button .arrow_a a:active{background-color:#424242;border-color:#424242;color:#fff;}

.button .arrow_b input[type="button"],
.button .arrow_b input[type="reset"],
.button .arrow_b input[type="submit"],
.button .arrow_b a, 
.button .arrow_b a.disabled, 
.button .arrow_b a,
.button .arrow_b a:link,
.button .arrow_b a:visited{background-color:#eb3b4b;border-color:#d71f30;color:#fff;}
.button .arrow_b a:hover,
.button .arrow_b a:focus,
.button .arrow_b a:active{background-color:#d71f30;color:#fff;}



.cat{margin-right:5px;padding:5px 4px;border:1px solid #ddd;border-radius:50px;font-size:13px;line-height:1.4}
.cat.meeting{color:green;border-color:green;}
.cat.event{color:blue;border-color:blue;}
.cat.etc{color:gray;border-color:gray;}


@media only screen and (max-width:1279px){
.cat.etc{margin-left:5px;}
}

.tablewrap.pcda .tbl_basic td #menu li a{background-color: #606976;padding: 5px 15px;color:#fff;margin-left:5px;}

.basic_box.prog_list .basic_search .grap{padding-right:40px;margin-top:0;}
.basic_box.prog_list .basic_search .grap select{height:35px}